<template>
    <Jmodal2 :visible="true"
             :title="data.incidentLocation"
             :left="left" :top="top" width="400" @cancel="cancelP"
             ref="jmodal2"
    >
        <div>
            <div><span class="opacity08 detailLabel">警情来源：</span><span>{{data.alarmSource}}</span>
            </div>
            <div><span
                    class="opacity08 detailLabel">报警时间：</span><span>{{data.alarmTime}}</span>
            </div>
            <div><span class="opacity08 detailLabel">报警人：</span><span>{{data.alarmPersonName}}</span>
            </div>
            <div><span class="opacity08 detailLabel">事发位置：</span><span>{{data.incidentLocation}}</span>
            </div>
            <div><span class="opacity08 detailLabel">所属辖区：</span><span>{{data.jurisdiction}}</span>
            </div>
            <div><span
                    class="opacity08 detailLabel">警情描述：</span><span>{{data.alarmDesc}}</span>
            </div>
            <div><span class="opacity08 detailLabel">最新进展：</span><span>{{data.newProgress}}</span>
            </div>

            <!--<div class="mt-10 pt-10 text-right">-->
            <!--<a-button type="primary" size="small" class="mr-14">-->
            <!--处置记录-->
            <!--</a-button>-->
            <!--</div>-->
        </div>
    </Jmodal2>
</template>

<script>
    import Jmodal2 from "@/components/jmodal2.vue";

    export default {
        name: "policeInforDetail",
        components:{Jmodal2},
        data(){
            return {
                data:{},
                left:500,
                top:100,
            }
        },
        methods:{
            cancelP(){
                this.$refs.jmodal2.removeMoveListener()
                this.$destroy()
                document.getElementById('mapInforDetailBox').removeChild(this.$el)
            },
        },mounted() {
            this.$refs.jmodal2.addMoveListener()
        }
    }
</script>

<style scoped>

</style>
